<template>
    <div class="about" v-wechat-title="$route.meta.title">
        <div class="banner"></div>
        <img src="../assets/image/about/floor_1.png" alt="">
        <img src="../assets/image/about/floor_2.png" alt="">
        <div class="floor_3">
            <span class="title">合作伙伴</span>
            <span class="dec">超过5万次合作，为一百余家全球知名企业实现用工配套无缝对接</span>
            <img src="../assets/image/logo_group.png" alt="">
        </div>
    </div>
</template>

<script>
export default {
    name: 'About'
}
</script>

<style lang="less" scoped>
.about {
    width: 1920px;
    margin: 0 auto;

    .banner {
        width: 100%;
        height: 860px;
        background: url('../assets/image/about/banner.png');
        background-size: cover;
        background-position: bottom;
        position: relative;

        .shadow {
            position: absolute;
            top: 275px;
            left: 184px;
            width: 692px;
            height: 205px;
            background: rgba(0, 0, 0, 0.4);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            letter-spacing: 2px;
            color: #FFFFFF;

            .tit {
                font-size: 40px;
                margin: 14px 0 0 22px;
            }

            .dec {
                font-size: 24px;
                margin: 0 0 26px 22px;
                line-height: 30px;
                font-weight: 300;
            }
        }
    }

    .floor_3 {
        width: 100%;
        height: 760px;
        display: flex;
        flex-direction: column;
        align-items: center;

        .title {
            font-weight: 500;
            font-size: 40px;
            display: inline-block;
            margin: 129px auto 20px auto;
        }

        .dec {
            font-size: 22px;
            color: #999999;
            margin: 0 auto 47px auto;
        }

        img {
            width: 1480px;
            height: 391px;
            margin: 0 auto;
        }
    }
}</style>